<template>
  <div class="home">
    <home-header />
    <home-swiper />
    <home-icons />
    <icon-scroll />
    <recommend />
    <weekend />
  </div>
</template>

<script>
import HomeHeader from '@/components/homeComponents/HomeHeader.vue'
import HomeSwiper from '../components/homeComponents/Swiper.vue'
import HomeIcons from '../components/homeComponents/Icons.vue'
import IconScroll from '@/components/homeComponents/IconScroll.vue'
import Recommend from '@/components/homeComponents/Recommend.vue'
import Weekend from '@/components/homeComponents/Weekend.vue'
import 'swiper/dist/css/swiper.css'

export default {
  name: 'Home',
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    IconScroll,
    Recommend,
    Weekend
  }
}
</script>

<style lang="stylus" scoped>

</style>
